// 主题色定义 - 确保在@forward前声明
$primary-color-light: #409eff; // 原始主题色
$primary-color-dark: #7cb305;  // 暗色主题色

// 亮色主题变量
$light-theme: (
  --el-color-primary: $primary-color-light,
  --el-color-success: #67c23a,
  --el-bg-color: #ffffff,
  --el-text-color-primary: #303133
);

// 暗色主题变量
$dark-theme: (
  --el-color-primary: $primary-color-dark,
  --el-color-success: #95c866,
  --el-bg-color: #1e1e2d,
  --el-text-color-primary: #e5eaf3
);

// 仅覆盖Element Plus官方允许的!default变量
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    primary: (
      base: $primary-color-light, // 仅覆盖基础颜色变量
    ),
  )
);

// 组件样式通过全局CSS覆盖（推荐方式）
:root {
  // 按钮样式
  --el-button-primary-bg-color: $primary-color-light;
  --el-button-primary-text-color: #ffffff;
  --el-button-primary-border-color: $primary-color-light;
  --el-button-border-radius: 4px;
  --el-button-font-size: 14px;
  --el-button-height: 36px;

  // 输入框样式
  --el-input-height: 36px;
  --el-input-border-radius: 4px;
  --el-input-font-size: 14px;

  // 卡片样式
  --el-card-border-radius: 6px;
  --el-card-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}